<template>
  <div>
    <oolongCircle :percent="80">
      <span class="demo-Circle-inner" style="font-size:24px">80%</span>
    </oolongCircle>
    <oolongCircle :percent="100" stroke-color="#5cb85c">
      <oolongIcon type="ios-checkmark" size="60" style="color:#5cb85c"></oolongIcon>
    </oolongCircle>
    <oolongCircle :percent="35" stroke-color="#ff5500">
        <span class="demo-Circle-inner">
            <oolongIcon type="ios-close" size="50" style="color:#ff5500"></oolongIcon>
        </span>
    </oolongCircle>
  </div>
</template>

<script>
export default {
  name: 'demo_circle'
}
</script>

<style scoped>

</style>
